<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>音乐</title>
	<meta name="referrer" content="no-referrer" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="css/music.css">
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/rem_music.js" type="text/javascript"></script>
    <script src="js/music.js" type="text/javascript"></script>
</head>
<body>
<div class="bottom">
	<!-- 右滑出现的页面 -->
	<div class="index">
		<div class="top fix">
			<div class="top_t clearfix">
				<div class="top_left"><img src="css/images/Category.png" /></div>
				<div class="top_t_m">
					<h3 class="mine">我的</h3>
					<h3 class="musicMu">音乐馆</h3>
					<h3 class="faxian">发现</h3>
				</div>
				<div class="top_right"><img src="css/images/add.png" /></div>
			</div>
			<input id="search" class="search" type="" name="" placeholder="搜索">
			<span class="search1"></span>
		</div>
		<div class="lunbo">
			<div id="wrapper">
				<div id="slider-wrap">
				  <ul id="slider">
					 <li>              
						<img src="css/images/slider1.png" >
					 </li>
					 <li>
						<img src="css/images/slider1.png" >
					 </li>
					 <li>
						<img src="css/images/slider1.png" >
					 </li>
					 <li>
						<img src="css/images/slider1.png" >
					 </li>
					 <li>
						<img src="css/images/slider1.png" >
					 </li>
				  </ul>
				</div>
			</div>
		</div>
		<div class="count">
			<div class="keywords">
				<ul class="clearfix">
					<li><img src="css/images/account.png"><p>歌手</p></li>
					<li><img src="css/images/paihang.png"><p>排行</p></li>
					<li><img src="css/images/all.png"><p>分类歌单</p></li>
					<li><img src="css/images/diantai.png"><p>电台</p></li>
					<li><img src="css/images/mv.png"><p>视频</p></li>
				</ul>
			</div>
			<div class="gexing">
				<p class="bangtext"><var>音乐榜单</var></p>
				<div class="bang_div">
					<ul id="bang_list" class="bang_list clearfix">
						<li><img src=""><var></var></li>
						<li><img src=""><var></var></li>
						<li><img src=""><var></var></li>
						<li><img src=""><var></var></li>
						<li><img src=""><var></var></li>
						<li><img src=""><var></var></li>
						<li><img src=""><var></var></li>
						<li><img src=""><var></var></li>
						<li><img src=""><var></var></li>
						<li><img src=""><var></var></li>
					</ul>
				</div>
				
				<audio class="gexingdiantai">
					<source src="" type="audio/ogg">
                    <source src="" type="audio/mpeg">
                 </audio>
			</div>
		</div>
		<div class="play" >
			<div class="three clearfix">
				<span class="shouqi"></span>
				<span class="sandian"></span>
				<p class="songName" id="songName">听我想听的歌</p>	
			</div>
			<div id="hide">
				<p class="down" id="downS"></p>
			</div>
			<p class="song_author"></p>
			<img class="song_img" src="css/images/all.png" />
			<div id="time" class="clearfix">
				<span class="time_l">00:00</span>
				<p class="time_line" id="time_line">
					<span class="time_lined"><img src="css/images/timedot.png"></span>
				</p>		
				<span class="time_all"></span>
			</div>
			<div class="play_kongjian">
				<img id="bofang" class="bofangIcon" src="css/images/stop.png" />
				<!-- 播放音乐处 -->
				<div id="audio_con">
					<!-- <audio id="audio_a" autoplay="autoplay">
						<source id="music_play" src="http://zhangmenshiting.qianqian.com/data2/music/5db33ee567558c67d56b5155920e0b81/566121054/566121054.mp3?xcode=50f4e78bb60ec31c9e9cdd6067ee2141" type="audio/mpeg">
					</audio> -->
				</div>
			</div>
		</div>
	</div>
 	<div class="serRes">
		<ul id="songListUl">
			<!-- 搜索结果列表 -->
		</ul>
	</div>
</div>

<script type="text/javascript" src="js/slide.js"></script>
</body>
</html>